@media all and (max-width:1200px) {
	.show_1200 {display: block !important;}
	.hide_1200 {display: none;}
	.container {width:100%;}


	/* [Header] 헤더 시작 */	
	.pc_view { display:none; }
	.mb_view { display:inline-block; }
	.header {    background: rgba(255, 255, 255, 0.7);}
	.header .header_container { text-align:center; }
	.header .header_container .logo { float:inherit;  width: auto; display: inline-block; line-height: 60px;}
	.header .header_container .logo img {padding: 0; width: 180px;}

	body.open_menu {overflow: hidden; height: 100%;}
    
    /* 메뉴 버튼 */
    .mobile_btn {position: absolute; display: block; width: 60px; height: 60px; padding: 10px; z-index: 12; top:0px; right:0;	}
    .mobile_btn .bar, .mobile_btn .bar:before, .mobile_btn .bar:after {content: ''; position: absolute; height: 2px; width: 30px; background-color: #03734d; opacity: 1; right:15px; }
    .mobile_btn .bar {top: 30px; }
    .mobile_btn .bar:before {top: -8px; right: 0; -webkit-transition: all .3s ease; transition: all .3s ease;}
    .mobile_btn .bar:after {top: 8px; right: 0; -webkit-transition: all .3s ease; transition: all .3s ease;}

    .mobile_btn.open .bar {height: 0;}
    .mobile_btn.open .bar:before {top: 0; -webkit-transform: rotate3d(0,0,1,45deg); -ms-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg);}
    .mobile_btn.open .bar:after {top: 0; -webkit-transform: rotate3d(0,0,1,-45deg); -ms-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);}
    
    
    /* 메뉴 */
    #m_gnb {position: fixed; left: -100%; width: 100%; height: 100%; background: white; overflow-y: auto; padding: 70px 15px 30px; z-index: 92; transition: all .3s ease;}
    #m_gnb.open {left: 0px;}
    
    .m_gnb_li {border-bottom: 1px solid #eee; }
    .m_gnb_li > a {position: relative; font-size: 18px; font-weight: bold; padding: 20px 15px; display: block; transition: all .3s ease;}
    .m_gnb_li > a:after {content: ''; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background: #000;}
    .m_gnb_li > a:before {content: ''; display: block; position: absolute; right: 21px; top: 50%; transform: translateY(-50%); width: 2px; height: 14px; background: #000;}
    .m_gnb_li > a.active {color: #2a873c;}
    .m_gnb_li > a.active:after {background:#2a873c;}
    .m_gnb_li > a.active:before {display: none;}
    
    .m_gnb_sub {display: none; padding: 15px 0px; border-top: 2px solid #2a873c; background: #f9f9f9; transition: none;}
    .m_gnb_sub > li:last-child {border-bottom: 0;}
    .m_gnb_sub > li a {display: block; font-size: 16px; padding: 12px 20px; }
    
    .m_menu_bg {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; overflow: hidden; background: rgba(0, 0, 0, 0.5); z-index: 10; display: none; transition: none;}
    
    /* [Header] 헤더 끝 */	



	/* 메인 */
	.main_slide .swiper-slide {height: 600px;}
	
}

@media all and (max-width:1080px) {
	.show_1080 {display: block !important;}
	.hide_1080 {display: none;}
	html {overflow-X:hidden;}
	.mar_t_100 {margin-top: 80px;}
	.mar_b_100 {margin-bottom: 80px;}
	.mar_b_80 {margin-bottom: 60px;}
	.mar_b_50 {margin-bottom: 40px;}
	.mar_t_50 {margin-top: 40px;}
	.mar_b_30 {margin-bottom: 20px;}

	/* 메인 */
	.main_slide .swiper-slide {height: 500px;}
	.news_latest {width:100%; padding-right: 0; margin-bottom: 30px;}
	.news_latest li {margin-bottom: 10px;}
	.saju_box {width:100%;}	
	.side_fixed_menu {position:fixed; transform: translateY(-50%); right: -120px; -webkit-transition: all .3s ease; transition: all .3s ease;}
	.side_fixed_menu.open { right:15px;}
	.side_fixed_menu_btn {position: fixed; right:15px; top: 50%; transform: translateY(-50%); width:50px; height: 50px; border-radius: 25px; background:#0d7b3e; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; z-index: 1;}
	.side_fixed_menu_btn i {font-size:20px; color:white; -webkit-transition: all .3s ease; transition: all .3s ease;}
	.side_fixed_menu_btn.open {right: 145px;}
	.side_fixed_menu_btn.open i {transform: translate(-50%, -50%) rotateZ(180deg);}
	.m_quick_btn {margin-top: ;}
	.m_quick_btn li {border-radius: 20px; border:1px solid #eee; background:#f9f9f9; text-align:center; font-size:18px; font-family: 'Pretendard-Bold'; margin-bottom: 10px;}
	.m_quick_btn li a {padding: 5px !important;  display:block;}
	.m_quick_btn li:hover {background:#07a950; border:1px solid #07a950; }
	.m_quick_btn li:hover a {color:white;}


	
	/* 서브페이지 공통 */
	.basic_body_sub .sub_page_title_bg {height: 400px;}
	.basic_body_sub .sub_page_title_bg .title {font-size:40px;}
	.sub_content_title {font-size: 30px; margin-bottom: 25px;}
	.content_box p {font-size: 18px; line-height: 28px;}
	
	/* 인사말 */
	.intro_page .intro_img img {animation: none; max-width: 100%;}
	.intro_page .say h2 {font-size: 30px;}
	.intro_page .say p {font-size: 18px; line-height: 28px;}

	/* 경력 */
	.history_page ul li .txt_box {padding: 15px; min-height: 80px;}
	.history_page ul li .txt_box .tit {font-size: 18px;}
	
	/* 요금 및 신청안내 */
	.cost_page h4 {font-size: 20px; margin-bottom: 10px;}
	.cost_page .cost_box {margin: 0;}
	.cost_page .cost_box .list {width: 100%; margin: 0 0 20px;}
	.cost_page .cost_box ul li {font-size: 18px;}

	/* 진행순서 페이지 */
	.process_page ul li p {font-size: 18px; line-height: 28px;}
	
	/* 찾아오시는 길 */	
	.location_page .addr_info .addr {font-size: 24px; line-height: 34px;}
	.location_page .addr_info .link {line-height: 34px; padding: 0px 20px;}
	.location_page .map_img {border-radius: 40px;}
	.location_page table th, .location_page table td {font-size: 18px; height: 70px;}


	/* 네이밍 인트로 페이지 */
	.naming_slide .swiper-slide .img_wrap {}
	.intro_paper {padding: 30px;}
	.intro_paper h3 {font-size: 20px;}
	.intro_paper p {font-size: 18px; line-height: 35px; margin-bottom: 25px;}
	
	

}

@media all and (max-width:720px) {
	.show_720 {display: block !important;}
	.hide_720 {display: none !important;}
	.mar_t_100 {margin-top: 60px;}
	.mar_b_100 {margin-bottom: 60px;}
	.mar_b_80 {margin-bottom: 50px;}
	.mar_b_50 {margin-bottom: 30px;}
	.mar_t_50 {margin-top: 30px;}
	.mar_b_30 {margin-bottom: 15px;}


	/* 푸터 */
	.footer {padding: 50px 0;}
	.footer-menu {margin-bottom: 20px;}
	.footer-menu li a {font-size: 14px;}
	.sns_link {margin-bottom: 20px;}
	.footer-info {font-size: 14px; line-height: 24px;}
	.copyright {margin-top: 20px;}


	/* 메인 */
	.main_slide {margin-top: 60px;}
	.main_slide .swiper-slide {height: 280px;}
	.main_slide_text {font-size: 5.5vw; line-height: 8.5vw; top:50%;}

	.quick_btn li {width: 50%; height: 160px;}
	.quick_btn li.title {font-size:24px; line-height: 160px;}
	.quick_btn li a {padding: 15px; border-radius: 15px;}
	.quick_btn li a h3 {font-size: 24px; margin-top: 10px;}
	.quick_btn li.list a {background-size: 30px;}
	.quick_btn li a p {font-size:14px; line-height: 20px;}

	.m_quick_btn li {border-radius: 15px;font-size:16px;}
	.m_quick_btn li a {padding: 15px;}

	.news_latest li {border-radius: 15px; padding: 20px 15px;}
	.news_latest li .lt_tit {font-size: 18px;}
	.news_latest li p {font-size: 14px; line-height: 24px;}
	
	.saju_box {padding: 30px 15px; border-radius: 15px;}
	.saju_box h2 {font-size: 30px; margin-bottom: 15px;}
	.saju_box h4 {font-size: 20px;}
	.saju_box table select {font-size: 16px;}
	.saju_box table span {font-size: 16px;}
	.saju_box table input[type="text"] {font-size: 18px; height: 40px;}
	.saju_box .saju_submit {font-size: 20px; height: 40px; line-height: 45px;}


	/* 서브페이지 공통 */
	.basic_body_sub .sub_page_title_bg {height: 220px;}
	.basic_body_sub .sub_page_title_bg .title {font-size:26px; top: 135px;}
	.sub_content_title {font-size: 20px; margin-bottom: 20px;}
	.content_box p {font-size: 16px; line-height: 26px;}
	.content_box a.link {padding: 5px 20px;}
	.basic_body_sub .sub_page_title_bg.bg_2 {background-position-x: 60%;}

	/* 인사말 */
	.intro_page .say h2 {font-size:24px; margin-top: 0px;}
	.intro_page .say p {font-size: 16px; line-height: 26px;}
	@keyframes intro_img {
	  0% {
		transform: translateX(0px);
	  }
	  100% {
		transform: translateX(-250px);
	  }
	}

	/* 경력 */
	.history_page ul {margin: 0;}
	.history_page ul li {width: 100%; margin: 0 0 15px; border-radius: 15px;}
	.history_page ul li .img {height: auto;}
	.history_page ul li .txt_box {min-height: auto;}
	.history_page ul li .txt_box .tit {text-align:center;}
	
	/* 요금안내 */
	.cost_page .cost_box ul li {margin-bottom: 10px;}


	/* 진행순서 페이지 */
	.process_page ul li {width: calc(50% - 40px);}
	.process_page ul li.arrow {width: 40px;}
	.process_page ul li.arrow img {width: 25px;}
	.process_page ul li p {font-size: 16px; line-height: 26px;}

	/* 찾아오시는 길 */	
	.location_page #map {padding-bottom: 50%;} 
	.location_page .addr_info .addr {font-size: 20px; line-height: 30px;}
	.location_page .addr_info .link {line-height: 30px; padding: 0px 15px; font-size: 16px; }
	.location_page .map_img {border-radius: 15px;}
	.location_page table th {    width: 80px;}
	.location_page table th, .location_page table td {font-size: 16px; height: 60px;}


	/* 네이밍 인트로 페이지 */
	.intro_paper {padding: 30px 15px;}
	.intro_paper h3 {font-size: 18px;}
	.intro_paper p {font-size: 16px; line-height: 30px; margin-bottom: 20px;}

	
	/* 작명신청 페이지 */
	.tbl_request .guide td {padding: 15px;}
	.tbl_request .guide td ul li {font-size:14px}
	.tbl_request th {display: block; border-bottom: 1px solid #eee; background:#80ab89; padding: 10px 10px; color:#fff;}
	.tbl_request td {display: block;}
	.tbl_request td .input {margin-bottom: 5px;}
	.tbl_request td .btn_trans_han {margin-bottom: 5px;}
	.tbl_request td .select {margin-bottom: 5px;}
	.tbl_request td #postcode {width: calc(100% - 130px);}
	.tbl_request td .btn_zipcode {vertical-align: baseline;}
	.tbl_request td #mother1, .tbl_request td #father1, .tbl_request td #familyName5, .tbl_request td #familyName, .tbl_request td #name1, .tbl_request td #partner1 {width: calc(100% - 90px);}
	.tbl_request td #mother2, .tbl_request td #father2, .tbl_request td #char_chi2, .tbl_request td #char_chi, .tbl_request td #brotherly1, .tbl_request td #name2, .tbl_request td #partner2, .tbl_request td #email, .tbl_request td #business, .tbl_request td #event {width:100%;}
	
	/* 알기쉬운성명학 페이지 */
	.fortune_name_page .half_img_wrap {margin-left: 0; margin-right: 0;}
	.fortune_name_page .w_50 {width: 100%; margin: 0 0 15px;}
	.fortune_name_page .table_wrap {overflow-X:auto;}
	.fortune_name_page table {min-width:600px;}
	.fortune_name_page table .title th {font-size: 18px;}
	.fortune_name_page table th, .fortune_name_page table td {font-size: 16px; height: 50px; padding: 10px;}
	.fortune_name_page ul.list li { font-size: 16px; line-height: 26px;  margin-bottom: 10px;}
	.fortune_name_page ul.list li span {width: 20px; height: 20px; line-height: 20px;}
	.fortune_name_page h5 {font-size: 18px; padding: 15px 20px;}
	.fortune_name_page .final {padding: 30px 20px;}
	.fortune_name_page .final h3 {font-size: 30px; line-height: 40px;}
	.fortune_name_page .final p {font-size: 18px; line-height: 28px;}

	/* 인명용한자 페이지 */
	.sort_table .first_sort td a {width: 35px; height: 35px; line-height: 35px; font-size: 16px; margin-bottom: 5px;}
	.second_sort li {width: 35px; height: 35px; line-height: 35px; font-size: 16px;}
	.hanja_content li {width: 32%;     border-radius: 15px;}
	.hanja_content li .hanja_box h4 {font-size: 30px;}




}